<template>
  <div class="container">
    <hearder-view />
    <search-view />
    <banner-view />
    <nav-view />
    <gap-view />
    <nearby-view />
    <docker-view tag="home" />
  </div>
</template>
<script>
import BannerView from './BannerView.vue'
import DockerView from '@/components/DockerView.vue'
import HearderView from './HearderView.vue'
import SearchView from './SearchView.vue'
import GapView from './GapView.vue'
import NearbyView from './NearbyView.vue'
import NavView from './NavView.vue'
export default {
  components: { HearderView, SearchView, BannerView, DockerView, GapView, NearbyView, NavView },
  name: 'HomeView'
}
</script>

<style lang="scss" scoped>
@import "../../style/mixins.scss";
@import "../../style/variables.scss";
.container {
  overflow-y: auto;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 49rem;
}
</style>
